<template>
  <div class="home">
    <Header head-title="体检预约" go-back="true"></Header>

    <Loading v-if="ShowLoading"></Loading>
  </div>
</template>

<script>
import Header from '../../../components/Header'

export default {
  data () {
    return {
      ShowLoading: false,
      options: [{
        value: '1',
        label: '张三丰'
      }, {
        value: '2',
        label: '陈圆圆'
      }, {
        value: '3',
        label: '特朗普'
      }, {
        value: '4',
        label: '铁木真'
      }, {
        value: '5',
        label: '渣渣辉'
      }],
      value: '',
      dialogImageUrl: '',
      dialogVisible: false,
      disabled: false,

      label: -1,
      List: [
        { name: '就诊意见' },
        { name: '我要开方' },
        { name: '报告解读' },
        { name: '注意事项' }
      ],

      fileList: [],
      UpLoad: true
    }
  },
  components: {
    Header
  },
  mounted () {

  },
  methods: {
    //  删除
    // handleRemove (file) {
    //   console.log(file)
    // },
    LabelA (index) {
      this.label = index
    },
    //  放大
    handlePictureCardPreview (file) {
      this.dialogImageUrl = file.url
      this.dialogVisible = true
    },
    //  下载
    handleDownload (file) {
      console.log(file)
    },
    handleRemove (file, fileList) {
      console.log(file, fileList)
    },
    handlePreview (file) {
      console.log(file)
    },
    //  文件超过六个
    handleExceed (files, fileList) {
    //   this.$message.warning(`当前限制选择 6 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`)
      this.$message.warning('当前限制选择 6 个文件')
    }
  }
}
</script>

<style scoped>
.JS {
    line-height: 0.6rem;
    color: red;
    padding: 0.2rem;
}
.HomeH1 {
    margin-bottom: 0.2rem;
}
.radio {
    border-color: #aaa;
    color: #aaa;
}
.radioActive {
    color: #fff;
    border: none;
}
</style>
